<?xml version='1.0' encoding='UTF-8' ?>
<!--
    Document   : menu
    Created on : Apr 13, 2011, 11:17:49 AM
    Author     : EaDeveloper
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:c="http://java.sun.com/jsp/jstl/core"
                 xmlns:pou="http://primefaces.org/ui">  

    <style>
        .colRubro{
            width: 200px;
            font-weight: bold;
        }
        .colMontos{
            width: 90px;  
            text-align: right;
        }
        .singleLine
        {
            white-space:normal;
            overflow:hidden;
            text-overflow:ellipsis;
            width: 110px;
        }
    </style>

    <h:panelGroup  rendered="#{usuarioFc.loged}">
        <pou:panel>
            <f:facet name="header">
                MICredit                  
            </f:facet>
            <h:panelGrid id="contenedorMICREDIT" style="width: 100%;">
                <pou:panel id="Summary" >  
                    <h:panelGrid id="filtros">
                        <pou:messages/> 
                        <h:panelGrid columns="7"  >
                            <h:outputLabel for="anio" value="Año"/>
                            <pou:inputText id="anio" required="true" requiredMessage="Año requerido" value="#{mbSummary.anioInicio}" />
                            <h:outputLabel for="mes" value="Mes"  />
                            <pou:selectOneMenu id="mes" value="#{mbSummary.mesInicio}" >
                                <f:selectItems value="#{mbSummary.listadoMeses}" var="m" itemValue="#{m.numeroMes}" itemLabel="#{m.nombreMes}" />
                            </pou:selectOneMenu>

                            <pou:commandButton icon="ui-icon-disk" actionListener="#{mbSummary.procesarFiltroResumenPaises()}" 
                                               value="Filtrar" onclick="dlgwait.show()" update="@form" process="filtros"
                                               onsuccess="dlgwait.hide()"/>                            
                        </h:panelGrid>
                    </h:panelGrid>
                </pou:panel>
                <pou:panel rendered="#{mbSummary.showResumenPaises}" id="SummaryPaises" header="Resumen de Paises">
                    <h:panelGrid>
                        <pou:toolbar rendered="#{mbSummary.showUnidadesOptions}">
                            <pou:toolbarGroup align="left">
                                <ui:repeat var="ln" value="#{mbSummary.unidadesDeNegocio}" >
                                    <pou:commandButton value="#{ln.nombre}" actionListener="#{mbSummary.cargarDetalleUnidadNegocio(ln)}"
                                                       onclick="dlgwait.show()"  onsuccess="dlgwait.hide()" process="@this" update="@all" />
                                </ui:repeat>
                            </pou:toolbarGroup>                            
                        </pou:toolbar> 
                        <pou:dataTable emptyMessage="No hay datos para el filtro!" id="datosP1" var="fila" value="#{mbSummary.filasPaisesG1}">
                            <f:facet name="header">  
                                Resumen de Paises
                            </f:facet>  
                            <pou:columns columnIndexVar="colNo"  var="col" value="#{mbSummary.columnasPaises}">
                                <f:facet name="header">
                                    <h:outputText value="#{col.header}" />
                                </f:facet>
                                <h:panelGroup class="colRubro" layout="block" rendered="#{col.index==0}" >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                                <h:panelGroup class="colMontos" layout="block" rendered="#{col.index>0}"  >
                                    #{fila[col.index].valor}
                                </h:panelGroup>                                
                            </pou:columns>
                        </pou:dataTable>
                        <pou:dataTable emptyMessage="No hay datos para el filtro!" id="datosP4" var="fila" value="#{mbSummary.filasPaisesG4}">
                            <pou:columns var="col" value="#{mbSummary.columnasPaises}">
                                <f:facet name="header">
                                    #{col.header}
                                </f:facet>
                                <h:panelGroup class="colRubro" layout="block" rendered="#{col.index==0}" >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                                <h:panelGroup class="colMontos" layout="block" rendered="#{col.index>0}"  >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                            </pou:columns>
                        </pou:dataTable>
                    </h:panelGrid>
                </pou:panel>
                <pou:panel rendered="#{mbSummary.showResumenUnidad}" id="SummaryLineas" header="Resumen Lineas Negocio">
                    <h:panelGrid>
                        <pou:toolbar rendered="#{mbSummary.showLineasOptions}">
                            <pou:toolbarGroup align="left">
                                <ui:repeat var="ln" value="#{mbSummary.lineasDeNegocios}" >
                                    <pou:commandButton value="#{ln.nombre}" actionListener="#{mbSummary.cargarDetalleLineaNegocio(ln)}" ajax="false"
                                                       onclick="dlgwait.show()" process="@form"   />
                                </ui:repeat>
                            </pou:toolbarGroup>
                            <pou:toolbarGroup align="right">
                                <pou:commandButton immediate="true" update="@form" ajax="false" value="Regresar" actionListener="#{mbSummary.goResumenPaises()}" />
                            </pou:toolbarGroup>
                        </pou:toolbar> 
                        <pou:dataTable emptyMessage="No hay datos para el filtro!" id="datos1" var="fila" value="#{mbSummary.filasG1}">
                            <f:facet name="header">  
                                <p style="font-size: 14px;">Informacion de lineas de negocio para: <strong> #{mbSummary.unidadNegocioSeleccionada.nombre}</strong></p>
                            </f:facet>  
                            <pou:columns var="col" value="#{mbSummary.columnas}">
                                <f:facet name="header">
                                    #{col.header}
                                </f:facet>
                                <h:panelGroup class="colRubro" layout="block" rendered="#{col.index==0}" >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                                <h:panelGroup class="colMontos" layout="block" rendered="#{col.index>0}"  >
                                    #{fila[col.index].valor}
                                </h:panelGroup>                                
                            </pou:columns>

                        </pou:dataTable>
                        <pou:dataTable emptyMessage="No hay datos para el filtro!" id="datos2" var="fila" value="#{mbSummary.filasG2}">
                            <pou:columns  var="col" value="#{mbSummary.columnas}">
                                <f:facet name="header">
                                    #{col.header}
                                </f:facet>
                                <h:panelGroup class="colRubro" layout="block" rendered="#{col.index==0}" >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                                <h:panelGroup class="colMontos" layout="block" rendered="#{col.index>0}"  >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                            </pou:columns>
                        </pou:dataTable>
                        <pou:dataTable emptyMessage="No hay datos para el filtro!" id="datos3" var="fila" value="#{mbSummary.filasG3}">
                            <pou:columns var="col" value="#{mbSummary.columnas}">
                                <f:facet name="header">
                                    #{col.header}
                                </f:facet>
                                <h:panelGroup class="colRubro" layout="block" rendered="#{col.index==0}" >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                                <h:panelGroup class="colMontos" layout="block" rendered="#{col.index>0}"  >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                            </pou:columns>
                        </pou:dataTable>
                        <pou:dataTable emptyMessage="No hay datos para el filtro!" id="datos4" var="fila" value="#{mbSummary.filasG4}">
                            <pou:columns var="col" value="#{mbSummary.columnas}">
                                <f:facet name="header">
                                    #{col.header}
                                </f:facet>
                                <h:panelGroup class="colRubro" layout="block" rendered="#{col.index==0}" >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                                <h:panelGroup class="colMontos" layout="block" rendered="#{col.index>0}"  >
                                    #{fila[col.index].valor}
                                </h:panelGroup>
                            </pou:columns>
                        </pou:dataTable>
                    </h:panelGrid>
                </pou:panel>
                <pou:panel rendered="#{mbSummary.showDetailLinea}" id="detailReport" >
                    <h:panelGrid width="100%" >
                        <pou:toolbar rendered="#{mbSummary.showLineasOptions}">
                            <pou:toolbarGroup  align="left">
                                <ui:repeat var="ln" value="#{mbSummary.lineasDeNegocios}" >
                                    <pou:commandButton value="#{ln.nombre}" actionListener="#{mbSummary.cargarDetalleLineaNegocio(ln)}"
                                                       onclick="dlgwait.show()"  process="@this" update="@all" />
                                </ui:repeat>
                            </pou:toolbarGroup>
                            <pou:toolbarGroup align="right">
                                <pou:commandButton update="@form" value="Regresar" immediate="true" ajax="false" actionListener="#{mbSummary.goResumenPaises()}" />
                            </pou:toolbarGroup>
                        </pou:toolbar>
                        <pou:tabView cache="false" dynamic="true" rendered="#{mbSummary.showDetailLinea}" id="panelDetalleData" >
                            <pou:tab title="General">
                                <h:panelGrid id="gridtabgeneral">
                                    <pou:selectOneButton value="#{mbSummary.opcionTabGeneral}">
                                        <f:selectItem itemLabel="Detalle Linea Negocio" itemValue="0" />
                                        <f:selectItem itemLabel="Graficas" itemValue="1" />
                                        <pou:ajax listener="#{mbSummary.prepareGraphics()}" event="change" update="@form" onstart="bui.show()" onsuccess="bui.hide()" />
                                    </pou:selectOneButton>
                                    <h:panelGroup style="width: 1000px;" rendered="#{mbSummary.opcionTabGeneral.intValue()==1}" layout="block">
                                        <iframe src="${facesContext.externalContext.requestContextPath}/cred/micreditsgraph.xhtml" 
                                                width="100%" height="800px;"
                                                scrolling="false" frameborder="0"
                                                ></iframe>
                                    </h:panelGroup>
                                    <h:panelGroup rendered="#{mbSummary.opcionTabGeneral.intValue()==0}" layout="block">
                                        <pou:dataTable  rowKey="#{filaDet.hashCode()}" 
                                                        selection="#{mbSummary.detailColumnSelected}"
                                                        selectionMode="single"
                                                        id="datosDetalle1" var="filaDet" value="#{mbSummary.filasDetG1}">
                                            <pou:ajax event="rowSelect" listener="#{mbSummary.detailSelectAction()}"   
                                                      update="@form" oncomplete="bui.hide(); dlgreport.show();"  onstart="bui.show()"/>  
                                            <f:facet name="header">  
                                                <p style="font-size: 14px;">Informacion detallada para: <strong> #{mbSummary.lineaNegocioSeleccionada.nombre} </strong></p>

                                            </f:facet>  
                                            <pou:columns var="colDet" columnIndexVar="index" value="#{mbSummary.columnasDet}">
                                                <f:facet name="header" class="">
                                                    #{colDet.header}
                                                </f:facet>
                                                <h:panelGroup class="colRubro" layout="block" rendered="#{index==0}" >
                                                    #{filaDet[index].valor}
                                                </h:panelGroup>
                                                <h:panelGroup class="colMontos" layout="block" rendered="#{index>0}"  >
                                                    #{filaDet[index].valor}
                                                </h:panelGroup>
                                            </pou:columns>
                                        </pou:dataTable>
                                        <pou:dataTable rowKey="#{filaDet.hashCode()}" 
                                                       selection="#{mbSummary.detailColumnSelected}"
                                                       selectionMode="single" id="datosDetalle2" var="filaDet" value="#{mbSummary.filasDetG2}">
                                            <pou:ajax event="rowSelect" listener="#{mbSummary.detailSelectAction()}"   
                                                      update="@form"  onstart="bui.show()" oncomplete="bui.hide();dlgreport.show(); "/>  
                                            <pou:columns var="colDet" columnIndexVar="index" value="#{mbSummary.columnasDet}">
                                                <f:facet name="header">
                                                    #{colDet.header}
                                                </f:facet>
                                                <h:outputText styleClass="colRubro" rendered="#{index==0}" value="#{filaDet[index].valor}" />
                                                <h:outputText styleClass="colMontos" rendered="#{index>0}" value="#{filaDet[index].valor}" />
                                            </pou:columns>
                                        </pou:dataTable>
                                        <pou:dataTable rowKey="#{filaDet.hashCode()}" 
                                                       selection="#{mbSummary.detailColumnSelected}"
                                                       selectionMode="single" id="datosDetalle3" var="filaDet" value="#{mbSummary.filasDetG3}">
                                            <pou:ajax event="rowSelect" listener="#{mbSummary.detailSelectAction()}"   
                                                      update="@form" onstart="bui.show()" oncomplete="bui.hide(); dlgreport.show();"  />  
                                            <pou:columns var="colDet" columnIndexVar="index" value="#{mbSummary.columnasDet}">
                                                <f:facet name="header">
                                                    #{colDet.header}
                                                </f:facet>
                                                <h:outputText styleClass="colRubro" rendered="#{index==0}" value="#{filaDet[index].valor}" />
                                                <h:outputText styleClass="colMontos" rendered="#{index>0}" value="#{filaDet[index].valor}" />
                                            </pou:columns>
                                        </pou:dataTable>
                                        <pou:dataTable rowKey="#{filaDet.hashCode()}" 
                                                       selection="#{mbSummary.detailColumnSelected}"
                                                       selectionMode="single" id="datosDetalle4" var="filaDet" value="#{mbSummary.filasDetG4}">
                                            <pou:ajax event="rowSelect" listener="#{mbSummary.detailSelectAction()}"   
                                                      update="@form"  onstart="bui.show()" oncomplete="bui.hide();dlgreport.show();"
                                                      />  

                                            <pou:columns var="colDet" columnIndexVar="index" value="#{mbSummary.columnasDet}">
                                                <f:facet name="header">
                                                    #{colDet.header}
                                                </f:facet>
                                                <h:panelGroup class="colRubro" layout="block" rendered="#{index==0}" >
                                                    #{filaDet[index].valor}
                                                </h:panelGroup>
                                                <h:panelGroup class="colMontos" layout="block" rendered="#{index>0}"  >
                                                    #{filaDet[index].valor}
                                                </h:panelGroup>
                                            </pou:columns>
                                        </pou:dataTable>
                                    </h:panelGroup>
                                </h:panelGrid>
                            </pou:tab>                        
                            <pou:tab titletip="Reporte 80/20"  title="Reporte 80/20">
                                <ui:include src="micredits8020.xhtml" />
                            </pou:tab>
                            <pou:tab title="Provision Cuentas">
                                <ui:include src="micreditsProvisionCtas.xhtml" />
                            </pou:tab>
                            <pou:tab title="Detalle Por Agentes">
                                <h:panelGrid>
                                    <pou:dataTable id="datosRVDetalle1" var="filaDet" value="#{mbSummary.filasRepVentasG1}">
                                        <f:facet name="header">  
                                            <p style="font-size: 14px;">Informacion detallada para: <strong> #{mbSummary.lineaNegocioSeleccionada.nombre} </strong></p>
                                        </f:facet>  
                                        <pou:columns  var="colDet"  columnIndexVar="index" value="#{mbSummary.columnasRepVentas}">
                                            <f:facet name="header">
                                                <h:panelGroup class="singleLine" layout="block" >
                                                    #{colDet.header}
                                                </h:panelGroup>
                                            </f:facet>
                                            <h:panelGroup class="colRubro" layout="block" rendered="#{index==0}" >
                                                #{filaDet[index].valor}
                                            </h:panelGroup>
                                            <h:panelGroup class="colMontos" layout="block" rendered="#{index>0}"  >
                                                #{filaDet[index].valor}
                                            </h:panelGroup>
                                        </pou:columns>
                                    </pou:dataTable>
                                    <pou:dataTable  id="datosRVDetalle2"  var="filaDet" value="#{mbSummary.filasRepVentasG2}">
                                        <pou:columns    var="colDet" columnIndexVar="index" value="#{mbSummary.columnasRepVentas}">
                                            <f:facet  name="header">
                                                <h:panelGroup class="singleLine" layout="block" >
                                                    #{colDet.header}
                                                </h:panelGroup>
                                            </f:facet>
                                            <h:panelGroup class="colRubro" layout="block" rendered="#{index==0}" >
                                                #{filaDet[index].valor}
                                            </h:panelGroup>
                                            <h:panelGroup class="colMontos" layout="block" rendered="#{index>0}"  >
                                                #{filaDet[index].valor}
                                            </h:panelGroup>
                                        </pou:columns>
                                    </pou:dataTable>
                                </h:panelGrid>
                            </pou:tab> 
                        </pou:tabView>
                        <pou:blockUI block="contenedorMICREDIT" widgetVar="bui">
                            Espere un momento...<br />
                            <h:graphicImage width="16" height="16" library="images" name="ajaxloader2.gif" />
                        </pou:blockUI>
                    </h:panelGrid>

                </pou:panel>
            </h:panelGrid>
        </pou:panel>
    </h:panelGroup>
    <pou:dialog width="600" height="500"  id="dlgreport" header="Reporte" widgetVar="dlgreport">
        <ui:include src="#{mbSummary.popUpDialogPage}" />
    </pou:dialog>
    <!--pou:dialog widgetVar="dlgGraphs" width="1000" height="700" id="dlggraps" header="Graficas" > 
        <iframe src="${facesContext.externalContext.requestContextPath}/cred/micreditsgraph.xhtml" width="100%" height="100%"
                scrolling="false" frameborder="0"
                ></iframe>
    </pou:dialog-->
</ui:composition>
